<#include "/admin/common/layout/__mainlayout.html"> 
 <#assign pageBreadCrumbs>
<li><a href="#">Other Pages</a></li>
<li class="active">Blank Page</li>
</#assign>
<@mainlayout pageBreadCrumbs=pageBreadCrumbs currentMenu="UIFlag-layoutFlag-mobileMenu3">
<!-- pageHeader BEGAIN -->
<div class="page-header">
	<h1>Collapsible Responsive(mobile) Menu</h1>
</div>
<!-- pageHeader END -->

<!-- pageContent BEGAIN -->
<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="alert alert-info hidden-sm hidden-xs">
									<button type="button" class="close" data-dismiss="alert">
										<i class="ace-icon fa fa-times"></i>
									</button>
									Please note that
									<span class="blue bolder">mobile menu</span>
									is visible only when window size is less than
									<span class="blue bolder">992px</span>
									,which you can change using CSS builder tool.
								</div>

								<div class="alert alert-info hidden-md hidden-lg">
									<button type="button" class="close" data-dismiss="alert">
										<i class="ace-icon fa fa-times"></i>
									</button>
									When device is smaller than
									<span class="blue bolder">992px</span>
									wide, side menu is collapsed and will be visible by clicking on the menu button above.
								</div>

								<!-- #section:basics/sidebar.mobile.style3 -->
								<div class="well well-sm">
									<h4 class="lighter no-margin-bottom">
										<i class="ace-icon fa fa-hand-o-right icon-animated-hand-pointer blue"></i>
										<a href="#basics/sidebar.mobile.style3" "="" class="pink btn-display-help"> Collapsible mobile menu help </a>
									</h4>
								</div>

								<!-- /section:basics/sidebar.mobile.style3 -->

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div>
<!-- pageContent END -->
</@mainlayout>